<template>
  <div id="app">
    <HomeNav v-show="this.$store.state.onShow"></HomeNav>
    <router-view/>
    <footer-view v-show="this.$store.state.onShow"></footer-view>
  </div>
</template>

<script>
import FooterView from './components/FooterView.vue'
import HomeNav from "./components/HomeNav.vue"
export default {
  name: 'HomeView',
  components: {
    HomeNav,
    FooterView
  },
  data() {
    return {
      onShow: false,
    }
  },
  created() {
    this.$store.commit("setOnShow",true)
  }
}
</script>
<style lang="scss">
body {
  background-color: #F5F5F5;
}
.container {
  width: 1240px;
  margin: 0 auto;
}
</style>
